<template>
  <div class="cover">
    <div class="warp">
      <img :src="config.img ? config.img : '/static/img/none.png'">
      <p>{{config.title ? config.title : '空空如也'}}</p>
    </div>
  </div>
</template>

<script>
export default {
  props: ['config']
}
</script>

<style lang="stylus" scoped>
  .warp {
    padding-top: 200rpx
    img {
      width: 224rpx
      height: 284rpx
      margin: 0 auto
    }
    p {
      color: #b2b2b2
      font-size: 28rpx
      margin-top: 50rpx
      text-align: center
    }
  }
</style>
